<template>
    <!-- 添加表头 -->
    <div class="AddCommunitytitle">
        <p @click="back">
            <i class="el-icon-arrow-left"></i>
            <span><slot></slot></span>
        </p>
        <p>
            <span class="must">*</span>
            <span>为必填项</span>
        </p>
    </div>
</template>

<script>
export default {
    methods:{
        back(){
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="scss" scoped>
    // 添加房屋标题
    .AddCommunitytitle{
        height: 60px;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        & p:nth-child(1){
            color: #666666;
            font-size: 16px;
            font-family: 'Font Awesome 5 Pro Solid', 'Font Awesome 5 Pro';
            font-weight: 900;
            font-style: normal;
            height: 28px;
            line-height: 28px;
            cursor: pointer;
            .el-icon-arrow-left{
                font-size: 16px !important;
                color: #666666;
                font-weight: 900 !important;
            }
        }
        & p:nth-child(2){
            color: #999;
            font-size: 12px;
            .must{
                color: #FF3B30;
                margin-right: 5px;
            }
        }
    }
</style>